/* Use border box instead of content box */
#page div {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.border-box {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

#page {
    width: 100%;
    height: 640px;
}

.container-border {
    border: 2px solid #242628;
}

.ribbon-container {
    width: 100%;
    height: 40px;
}

.slides-container {
    margin-top: -1px;
    float: left;
    width: 200px;
    height: 600px;
}

.workspace-container {
    margin-top: -1px;
    margin-left: 199px;
    height: 600px;
}

#ribbon {
    height: 40px;
}

#slides {
    height: 560px;
}

#addSlide {
    position: relative;
    bottom: 0px;
    height: 40px;
    border-top: 2px #242628 solid;
}

#workspace {
    margin: 50px auto;
    width: 640px;
    height: 480px;
    background-color: white;
}